<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>快乐购 - 登录</title>

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/default.min.css">
	</head>
	<body>
		<!-- 导航条开始 -->
		<header class="navbar navbar-expand-md navbar-light bg-light">
			<nav class="container">
				<a href="index.html" class="navbar-brand">
					<img src="img/logo.png" height="30" alt="Happy Go" />
				</a>
				<div class="navbar-text">
					<span>欢迎来到快乐购！</span>
				</div>
				<div class="navbar-nav">
					<a href="register.html" class="nav-item nav-link">注册</a>
				</div>
				<img src="img/top_center.jpg" class="img-responsive ml-auto d-none d-lg-inline" />
			</nav>
		</header>
		<!-- //导航条结束 -->

		<!-- 页面主体部分 -->
		<section class="container mt-2">
			<div class="row">
				<div class="col order-md-last">
					<h4>
						<span class="text-danger">登录快乐购</span>
					</h4>
					<span>还没有快乐购账号?</span>
					<a href="register.html">快速注册</a>

					<form action="index.html" class="mt-2">
						<div class="form-group form-row">
							<label for="login" class="col-form-label col-form-label-sm">用户名</label>
							<input name="login" id="login" class="col form-control form-control-sm" required="required" autofocus="autofocus"
							 value="admin" />
						</div>

						<div class="form-group form-row">
							<label for="pwd" class="col-form-label col-form-label-sm pr-3 mr-1">密码</label>
							<input name="pwd" id="pwd" type="password" class="col form-control form-control-sm" required="required" />
						</div>

						<div class="form-group form-row">
							<label for="code" class="col-form-label col-form-label-sm">验证码</label>
							<div class="col p-0 input-group input-group-sm">
								<input name="code" id="code" class="form-control form-control-sm" required="required" />
								<div class="input-group-append">
									<img src="img/vcode-test.png" alt="验证码" title="单击刷新验证码" class="img-fluid input-group-text bg-light" />
								</div>
							</div>
						</div>

						<div class="form-group form-row">
							<label id="login-error-message" class="text-danger ml-5">* 密码不正确</label>
						</div>
						<div class="form-group form-row justify-content-end">
							<button class="btn btn-sm btn-outline-success">登录快乐购</button>
						</div>
					</form>
				</div>

				<div class="col-md-7">
					<img src="img/login_img.jpg" class="img-thumbnail img-responsive" style="width: 100%;" />
				</div>
			</div>
		</section>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<footer class="mt-2">
			<hr />
			<div class="container mb-2">
				<div class="row">
					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip1.png" class="img-fluid rounded center-block" />
						<div class="text-danger">上市企业</div>
						<div class="small text-muted">股票代码000001</div>
					</div>

					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip2.png" class="img-fluid rounded center-block" />
						<div class="text-danger">快乐购严选</div>
						<div class="small text-muted">正品行货 品质保证</div>
					</div>

					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip3.png" class="img-fluid rounded center-block" />
						<div class="text-danger">10天无理由退货</div>
						<div class="small text-muted">为您提供售后无忧保障</div>
					</div>

					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip4.png" class="img-fluid rounded center-block" />
						<div class="text-danger">满129免邮</div>
						<div class="small text-muted">在线支付 购物包邮</div>
					</div>

					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip5.png" class="img-fluid rounded center-block" />
						<div class="text-danger">微笑无时无刻</div>
						<div class="small text-muted">365*24小时人工服务</div>
					</div>

					<div class="col-6 col-md-4 col-lg mb-2 text-center">
						<img src="img/foot_img_tip6.png" class="img-fluid rounded center-block" />
						<div class="text-danger">闪电物流</div>
						<div class="small text-muted">闪电发货 次日必达</div>
					</div>
				</div>
			</div>
			<!-- <hr /> -->
			<div class="container">
				<div class="row">

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column">
							<a href="#">使用帮助</a>
							<a href="#">税费收取规则</a>
							<a href="#">新手指南</a>
							<a href="#">常见问题</a>
							<a href="#">用户协议</a>
						</div>
					</div>

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column">
							<a href="#">使用帮助</a>
							<a href="#">税费收取规则</a>
							<a href="#">新手指南</a>
							<a href="#">常见问题</a>
							<a href="#">用户协议</a>
						</div>
					</div>

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column">
							<a href="#">使用帮助</a>
							<a href="#">税费收取规则</a>
							<a href="#">新手指南</a>
							<a href="#">常见问题</a>
							<a href="#">用户协议</a>
						</div>
					</div>

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column">
							<a href="#">使用帮助</a>
							<a href="#">税费收取规则</a>
							<a href="#">新手指南</a>
							<a href="#">常见问题</a>
							<a href="#">用户协议</a>
						</div>
					</div>

					<div class="w-100 d-sm-none"></div>

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column px-4">
							<div>手机快乐购</div>
							<img src="img/footer_ewm_01.png" alt="" class="img-fluid">
							<div>下载移动客户端</div>
						</div>
					</div>

					<div class="col-6 col-sm-3 col-lg mb-2">
						<div class="text-center d-flex flex-column px-4">
							<div>快乐微信购</div>
							<img src="img/footer_ewm_02.png" alt="" class="img-fluid">
							<div>快乐购官方微信</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-sm my-2 d-flex justify-content-sm-end justify-content-center">
						<img src="img/foot_img3.png" class="img-fluid rounded center-block" alt="">
					</div>
					<div class="col-sm my-2 d-flex justify-content-sm-start justify-content-center">
						<img src="img/foot_img4.png" class="img-fluid rounded center-block" alt="">
					</div>
				</div>

				<div class="row">
					<div class="col text-center small text-muted">
						<div>Rights Reserved 免费服务热线: 400-800-0001 | 固话也可拨打: 800-000-0001 E-Mail: service@happygo.com</div>
						<div>湘ICP备10000001号 信息网络传播视听节目许可证号：1000001</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- //页面脚部部分结束 -->
	</body>
</html>
